<template>
  <div class="box1">
    <div class="box2">
      <img :src="obj.img">
    <br>
    <span class="isRed">¥{{ obj.price }}</span>
    <br>
    <span>{{ obj.name }}</span>   
    <br>
    </div>
    
  </div>
</template>

<script>
export default {
    data(){
        return{
           obj:{
            img: require('@/assets/rog.jpg'),
            price: 8899.00 ,
            name: 'ROG魔霸7 Plus 17.3英寸 电竞游戏笔记本',
           }
          
        }
    }
}
</script>

<style scoped>
.box1{
  float: left;
  display: flex; 
  margin:0 25px 25px 0;
}.box2{
  display: flex;
  flex-direction: column;
}
img{
  width: 300px;
  height: 300px;
}
.isRed{
    color: red;
    font-size: 15px;
}
</style>